<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css(a).html</title>
    <style type="text/css">
        a.one:link{
            color: red;
        }
        a.one:visited{
            color: #0000ff;
        }
        a.one:hover{
            color: #ffcc00;
        }
        a.two:link{
            color: red;
        }
        a.two:visited{
            color: #0000ff;
        }
        a.two:hover{
            font-size: 150%;
        }
        a.three:link{
            color: red;
        }
        a.three:visited{
            color: #0000ff;
        }
        a.three:hover{
            background-color: #66ff66;
        }
        a.four:link{
            color: red;
        }
        a.four:visited{
            color: #0000ff;
        }
        a.four:hover{
            text-decoration: none ;
        }
    </style>
</head>
<body>
<p>把鼠标移动到这些链接上查看效果：</p>
<p><a class="one" href="#">这个链接改变颜色</a></p>
<p><a class="two" href="HTML5(a).html">这个链接改变字体大小</a></p>
<p><a class="three" href="HTML5(a).html">这个链接改变背景颜色</a></p>
<p><a class="four" href="HTML5(a).html">这个链接改变文本修饰</a></p>
</body>
</html>